<template>
    <div class="flex c1">
        <div class="c4">rgb色值：</div>
        <el-input v-model="element.value" clearable/>
    </div>
    <div class="flex">
        <el-color-picker v-model="element.value" color-format="rgb"/>
    </div>
</template>

<script setup>
    import publicJS from "@/hook/public.js";
    const {config} = publicJS();
    const emit = defineEmits(["selectImg"]);//自定义事件
    const props = defineProps({
        element: {
            type:Object,
            default:()=>{
                return {}
            }
        }
    })
</script>

<style scoped lang="scss">
    .el-input{width: 100%;}
    .c1{margin-right: 20px;flex:1;}
    .c4{
        font-size:14px;
        width: 80px;
    }
</style>